<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"/>
    <meta name="keywords" content="" />
    <meta name="description" content="" />
    <link rel="stylesheet" href="css/amazeui.min.css">
    <link rel="stylesheet" href="css/wap.css">
    <link rel="stylesheet" href="./fonts/aliIcon/iconfont.css">
    <link rel="stylesheet" href="./css/mineModify.css">
    <title>科普详情</title>
</head>
<body style="background:#ececec">
<div class="pet_mian" >
    <div class="pet_head">
        <header data-am-widget="header"
          class="am-header am-header-default pet_head_block">
      <div class="am-header-left am-header-nav ">
          <a href="popluarKnowledge.html" class="iconfont pet_head_jt_ico" style="font-size: 20px;">&#xe601;</a>
      </div>
      <h1 class="am-header-title pet_article_user">
          <span class="pet_article_user_name">科普详情</span>
      </h1>
      <div class="am-header-right am-header-nav">
          <a href="javascript:;" class="iconfont pet_head_gd_ico icon-denglu" style="font-size: 20px;"></a>
      </div>
  </header>
    </div>
    <div class="pet_more_list form-wrap" style="padding: 0 20px">
        <div class="iconfont pet_more_close">×</div>
        <div class="pet_more_list_block form">
            <div class="pet_more_list_block_name">
                <form class="am-form am-form-horizontal">
                    <fieldset>
                        <legend style="color: #0fafff; font-size: 4rem;height: 9rem;line-height: 7rem"><span> 登陆</span> <i class="am-icon-skyatlas"></i></legend>
                        <div class="am-form-group" style="margin-bottom: 30px;">
                            <input type="text" style="border-radius:3px;" id="doc-ipt-email-1" placeholder="输入管理员账号">
                        </div>

                        <div class="am-form-group" style="border-bottom: 1px solid #e5e5e5; margin-bottom: 20px;padding-bottom: 24px;">
                            <input type="password" style="border-radius:3px;" id="doc-ipt-email-2" placeholder="输入电子密码">
                        </div>
                        <button type="button" id="loginBtn" class="am-btn am-btn-primary" style="width: 20rem;border-radius:3px;">登录</button>
                    </fieldset>
                </form>
            </div>
        </div>
    </div>
    <div class="pet_content pet_content_list mine-pet-content">
        <div class="pet_zlnr">
            <div class="pet_zlnr_user">
                <div class="pet_zlnr_user_r">
                    <div class="pet_zlnr_user_r_name" id="detailName"></div>
                    <div class="pet_article_user_time" style="font-size: 13px;margin:6px 0 0 0;" id="detailInfo"></div>
                </div>
            </div>
            <div class="pet_zlnr_nr" style="padding-top: 0;">
                <h1 class="pet_article_title" style="margin: 10px 0;text-align: center;" id="detailTitle"></h1>
                <article data-am-widget="paragraph" id="detailArticle">
                </article>
                <div class="pet_zlnr_user_list" style="border-bottom: none;">
                    <ul class="like_share_block">
                        <li><a class="link_share_button" href="###"><i class="iconfont share_ico_link"></i>点赞&nbsp;&nbsp;<span id="detailLikeNumber"></span></a></li>
                    </ul>
                </div>
            </div></div>
        </div>
        <div class="pet_article_dowload pet_dowload_more_top_off">
            <span class="not-have-more">没有更多！</span>
        </div>
        <div class="pet_article_footer_info">Copyright(c)2015 *** All Rights Reserved</div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/amazeui.min.js"></script>
<script src="../common/utils.js"></script>
<script src="../common/request.js"></script>
<script>
$(function(){

    // 动态计算新闻列表文字样式
    auto_resize();
    $(window).resize(function() {
        auto_resize();
    });
    $('.am-list-thumb img').load(function(){
        auto_resize();
    });
    $('.pet_article_like li:last-child').css('border','none');
        function auto_resize(){
        $('.pet_list_one_nr').height($('.pet_list_one_img').height());
                // alert($('.pet_list_one_nr').height());
    }
        $('.pet_article_user').on('click',function(){
            if($('.pet_article_user_info_tab').hasClass('pet_article_user_info_tab_show')){
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_show').addClass('pet_article_user_info_tab_cloes');
            }else{
                $('.pet_article_user_info_tab').removeClass('pet_article_user_info_tab_cloes').addClass('pet_article_user_info_tab_show');
            }
        });

        $('.pet_head_gd_ico').on('click',function(){
            $('.pet_more_list').addClass('pet_more_list_show');
       });
        $('.pet_more_close').on('click',function(){
            $('.pet_more_list').removeClass('pet_more_list_show');
        });

    // 先关文章 点赞 和 查询
    (function  () {
        var obj = qStrToObj();
        if (obj.id) {
            var id = obj.id;
            displayArticle(id);
            modifyLike(id);
        }
    })()

});

</script>
</body>
</html>